<template>
    <el-container>
        <el-header>
      <top_menu />
    </el-header>
        <el-main>
            <el-space direction="vertical" :size="30">
                <el-space direction="vertical">
                    <el-image src="/monitoring_img.png"></el-image>
                    <el-text class="cate1" size="large">设备监控
                        <el-icon><ArrowRightBold /></el-icon>
                    </el-text>
                </el-space>
                <el-space direction="vertical">
                    <el-image src="/order_management_img.png"></el-image>
                    <!-- <el-text class="cate1" size="large">工单管理
                        <el-icon><ArrowRightBold /></el-icon>
                    </el-text> -->
                    <el-link target="_blank" @click="to_manage_page">工单管理
                        <el-icon><ArrowRightBold /></el-icon>
                    </el-link>
                </el-space>
            </el-space>
            
            
        </el-main>

        <el-footer>
            
        </el-footer>

    </el-container>


</template>


<script>
import { ArrowRightBold } from '@element-plus/icons-vue'
import top_menu from '../../components/top_menu.vue'


export default{
    components:{
        top_menu,ArrowRightBold 
    },
    methods:{
        to_manage_page(){
            this.$router.push({ path: '/manage'})
        }
    }
}
</script>


